<template>
	<view class="root">
		<view class="detail">
			<view class="list" @click="goToDetail">
				 <view>
				  <image src="../../../static/007.jpg" mode="" class="img"></image>
				 </view>
				 <view class="title">
				 	<text>集文斋美术馆</text>
				 </view>
				 <view class="content">
				 	<text>国内领先的艺术品投资运营机构，公司下设美术馆、…</text>
				 </view>
			</view>
	  <view class="list" @click="goToDetail">
				 <view>
				  <image src="../../../static/007.jpg" mode="" class="img"></image>
				 </view>
				 <view class="title">
				 	<text>集文斋美术馆</text>
				 </view>
				 <view class="content">
				 	<text>国内领先的艺术品投资运营机构，公司下设美术馆、…</text>
				 </view>
			</view>
		</view>
		<view class="detail">
			<view class="list" @click="goToDetail">
				 <view>
				  <image src="../../../static/007.jpg" mode="" class="img"></image>
				 </view>
				 <view class="title">
				 	<text>集文斋美术馆</text>
				 </view>
				 <view class="content">
				 	<text>国内领先的艺术品投资运营机构，公司下设美术馆、…</text>
				 </view>
			</view>
		<view class="list" @click="goToDetail">
			 <view>
			  <image src="../../../static/007.jpg" mode="" class="img"></image>
			 </view>
			 <view class="title">
			 	<text>集文斋美术馆</text>
			 </view>
			 <view class="content">
			 	<text>国内领先的艺术品投资运营机构，公司下设美术馆、…</text>
			 </view>
		</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				
			}
		},
		methods:{
			goToDetail(){ 
				uni.navigateTo({
					url:'../introduce/introduce'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
.detail {
	width: 90%;
	display: flex;
	justify-content: space-between;
	margin-top: 20rpx;
}

.list {
	width: 380rpx;
	margin-left: 3%;
	background-color: #fefffe;
}

.list image {
	width: 190px;
	border-radius: 10rpx 10rpx 0 0;
}

.list .title {
	margin-left: 20rpx;
	font-weight: 700;
	font-size: 30rpx;
}

.list .content {
	margin-left: 20rpx;
	font-size: 28rpx;
	color: #939393;
}
</style>
